
<div nz-row [nzGutter]="24" style="background: #ffffff;margin: 0 20px 20px;padding: 0 20px;">
  <div nz-col nzXs="24" nzSm="8" nzMd="8" nzLg="8" (click)="selectHero(0)">
    <div class="content" style="margin: 16px;">
      <div class="avatar">
        <nz-avatar [nzSrc]="setting.user.avatar"></nz-avatar>
      </div>
      <div class="desc">
        <div class="desc-title">早安，{{setting.user.username}}！</div>
        <div>什么是专业，不断持续稳定的输出就是专业</div>
      </div>
    </div>
  </div>
  <div nz-col nzXs="24" nzSm="16" nzMd="16" nzLg="16">
    <div class="page-extra">
      <div [class]="onSw==1? 'selected' : ''" (click)="selectHero(1)">
      <!-- <div [class]="onSw==1? 'selected' : ''"> -->
        <p>历史待放款</p>
        <p>{{workplace.fxjOut11}}</p>
      </div>
      <div [class]="onSw==2? 'selected' : ''" (click)="selectHero(2)">
        <p>历史待核销</p>
        <p>{{workplace.fxjOut12}}</p>
      </div>
      <div [class]="onSw==3? 'selected' : ''" (click)="selectHero(3)">
        <p>历史代偿订单</p>
        <p>{{workplace.fxjOut13}}</p> 
      </div>
      <div [class]="onSw==4? 'selected' : ''" (click)="selectHero(4)">
        <p>历史结清订单</p>
        <p>{{workplace.fxjOut14}}</p>
      </div>
      <div [class]="onSw==5? 'selected' : ''" (click)="selectHero(5)">
        <p>历史放款金额</p>
        <p>￥ {{workplace.fxjOut15}}</p>
      </div>
    </div>
  </div> 
</div>

<div nz-row [nzGutter]="24" class="nav">
  <div [class]="onSw==6? 'selected' : ''" (click)="selectHero(6)">
    <p>历史已放款订单</p>
    <p style="font-size: 30px;display: flex;">{{workplace.fxjOut16}} <span>￥ {{workplace.fxjOut17}}</span></p>
  </div>
  <div [class]="onSw==7? 'selected' : ''" (click)="selectHero(7)">
    <p>今日待放款订单</p>
    <p style="font-size: 30px;display: flex;">{{workplace.fxjOut18}} <span>￥ {{workplace.fxjOut19}}</span></p>
  </div>
  <div [class]="onSw==8? 'selected' : ''" (click)="selectHero(8)">
    <p>今日待核销订单</p>
    <p style="font-size: 30px;display: flex;">{{workplace.fxjOut20}} <span>￥ {{workplace.fxjOut21}}</span></p>
  </div>
  <div [class]="onSw==9? 'selected' : ''" (click)="selectHero(9)">
    <p>今日代偿申请订单</p>
    <p style="font-size: 30px;display: flex;">{{workplace.fxjOut22}} <span>￥ {{workplace.fxjOut23}}</span></p>
  </div>
  <div [class]="onSw==10? 'selected' : ''" (click)="selectHero(10)">
    <p>今日待结清订单</p>
    <p style="font-size: 30px;display: flex;">{{workplace.fxjOut24}} <span>￥ {{workplace.fxjOut25}}</span></p>
  </div>
  <div [class]="onSw==11? 'selected' : ''" (click)="selectHero(11)">
    <p>本月放款订单量</p>
    <p style="font-size: 30px;display: flex;">{{workplace.fxjOut26}} <span>￥ {{workplace.fxjOut27}}</span></p>
  </div>
</div>

<div nz-row [nzGutter]="24">
  <div nz-col nzXs="24" nzSm="24" nzMd="24" nzLg="24">
    <simple-table #st
      [columns]="columns"
      [data]="url"
      [ps]="ps"
      [extraParams]="q"
      [resReName]="{ total:'total',list:'data'}"
      [reqReName]="{pi:'pageNumber', ps:'pageSize'}"
      toTopInChange
      [showTotal]="true"
      [showPagination]="true"
      [showSizeChanger]="true"
      [scroll]="{x:'1300px'}"
    >
    </simple-table>
  </div>
</div>